<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <h2>这是登录页面，去<a href="register.html">注册</a></h2>
    <form>
        用户名<input type="text" id="username" ><br>
        密码<input type="text" id="password" ><br>
        <input type="button" id="btn" value="登录"><span></span>
    </form>
</body>
<script src="libs/jquery.js"></script>
<script>
    $("#btn").click(function(){
        console.log({
                type:"login",
                un:$("#username").val(),
                pw:$("#password").val()
            })
        $.ajax({
            url:"http://localhost:3000/api",
            data:{
                type:"login",
                un:$("#username").val(),
                pw:$("#password").val()
            },
            success:res=>{
                // console.log(res)
                res = JSON.parse(res);
                console.log(res);
                if(res.code === 1){
                    $(this).next().html("登录成功，3秒后跳转到<a href='index.html'>首页</a>");

                    // 登录守卫：存储登录用户信息
                    sessionStorage.setItem("token",JSON.stringify({
                        userid:res.data.userid,
                        isLogin:"ok",
                        username:res.data.user
                    }))

                }else if(res.code === 0){
                    $(this).next().html("这个用户名不存在，可以先去<a href='register.html'>注册</a>");
                }else if(res.code === 2){
                    $(this).next().html("用户名密码不符");
                    $("#password").val("").focus();
                }
            }
        })
    })
</script>
</html>